﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="valid" uri="http://www.yst.org/tags/valid" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>银商通支付通信前置系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
	<meta name="description" content="银商通支付通信前置系统">
	<meta name="author" content="sheungxin">
	<!-- STYLESHEETS --><!--[if lt IE 9]><script src="js/flot/excanvas.min.js"></script><script src="js/flot/html5.js"></script><script src="js/css3-mediaqueries.js"></script><![endif]-->
	<link rel="stylesheet" type="text/css" href="css/cloud-admin.min.css" >
	<link rel="stylesheet" type="text/css"  href="css/themes/default.min.css" id="skin-switcher" >
	<link rel="stylesheet" type="text/css"  href="css/responsive.min.css" >
	
	<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<!-- JQUERY UI-->
	<link rel="stylesheet" type="text/css" href="js/jquery-ui-1.10.3.custom/css/custom-theme/jquery-ui-1.10.3.custom.min.css" />
	<!-- TYPEAHEAD -->
	<link rel="stylesheet" type="text/css" href="js/typeahead/typeahead.css" />
	<!-- SELECT2 -->
	<link rel="stylesheet" type="text/css" href="js/select2/select2.min.css" />
	<!-- UNIFORM -->
	<link rel="stylesheet" type="text/css" href="js/uniform/css/uniform.default.min.css" />
</head>
<body  ng-app="queryApp" ng-controller="queryController">
	<div class="container">
		<!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
		<div class="modal fade" id="box-del" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
			  <div class="modal-content">
					<div class="modal-header">
					  <br>
				  </div><br><br>
				</div>
			</div>
		</div>
		<!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
		<div class="row">
			<div id="content" class="col-lg-12">
				<!-- PAGE HEADER-->
				<div class="row">
					<div class="col-sm-12">
						<div class="page-header">
							<!-- STYLER -->							
							<!-- /STYLER -->
							<!-- BREADCRUMBS -->
							<ul class="breadcrumb">
								<li>
									<i class="fa fa-th-large"></i>
									接口详细信息
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- /PAGE HEADER -->
				
				<!-- EXPORT TABLES -->
				<div class="row">
					<div class="col-md-12">
						<!-- BOX -->
						<div class="box border primary">
							<div class="box-title">
								<h4><i class="fa fa-table"></i></h4>
								<div class="tools hidden-xs">
									<a href="javascript:;" class="reload" ng-click="refreshData()">
										<i class="fa fa-refresh"></i>
									</a>
									<a href="javascript:;" class="collapse">
										<i class="fa fa-chevron-up"></i>
									</a>
								</div>
							</div>
							<div class="box-body" >
								<div class="panel-group" id="accordion">
								  <div class="panel panel-default">
									 	<div class="panel-heading">
											<h3 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">接口详细信息 </a> </h3>
									 	</div>
									 	<div id="collapseOne" class="panel-collapse collapse in">
											<div class="panel-body">			
												<form class="form-horizontal" role="form">											 
										  	<div class="form-group">
													<label class="col-sm-2 control-label" for="name">接口名称：</label>
													<div class="col-sm-10 checkbox-inline">
									  				{{inter.name}}
													</div>												 
								  			</div>
								 				<div class="form-group">															
													<label class="col-sm-2 control-label" for="projectName">项目包名称: </label>
													<div class="col-sm-4 checkbox-inline">
														{{inter.projectName}}
													</div>
													<label class="col-sm-2 control-label" for="interfaceType">接口类型：</label>
													<div class="col-sm-4 checkbox-inline">
														{{inter.interfaceType}}
													</div>
								  			</div>
								 				<div class="form-group">
													<label class="col-sm-2 control-label" for="channelName">机构：</label>
													<div class="col-sm-4 checkbox-inline">
														{{inter.channelName}}
													</div>
													<label class="col-sm-2 control-label" for="channelTypeName">接口功能：</label>
													<div class="col-sm-4 checkbox-inline">
														{{inter.channelTypeName}}
													</div>
								  			</div>
								  			<div class="form-group">
													<label class="col-sm-2 control-label" for="packetFormatName">报文格式：</label>
													<div class="col-sm-4 checkbox-inline">
														{{inter.packetFormatName}}
													</div>
													<label class="col-sm-2 control-label" for="idnteractiveName">交互方式：</label>
													<div class="col-sm-4 checkbox-inline">
														{{inter.idnteractiveName}}
													</div>
								  			</div>
								  			<div class="form-group">
													<label class="col-sm-2 control-label" for="contacts">联系人：</label>
													<div class="col-sm-4 checkbox-inline">
														{{inter.contacts}}
													</div>
													<label class="col-sm-2 control-label" for="contactsPhone">联系方式：</label>
													<div class="col-sm-4 checkbox-inline">
														{{inter.contactsPhone}}
													</div>
								  			</div>
											  <div class="form-group">															
													<label class="col-sm-2 control-label" for="enableStatus">部署状态：</label>
													<div class="col-sm-4 checkbox-inline">
													  	<span ng-switch on="inter.enableStatus">
															<span ng-switch-when="1">未部署</span>
															<span ng-switch-when="2">已部署</span>
														</span>
													</div>
													<label class="col-sm-2 control-label" for="runStatus">运行状态：</label>
													<div class="col-sm-4 checkbox-inline">
														<span ng-switch on="inter.runStatus">
															<span ng-switch-when="0">测试</span>
															<span ng-switch-when="1">正常</span>
															<span ng-switch-when="2">故障</span>
															<span ng-switch-when="3">停用</span>
														</span>
													</div>
								  			</div>
											  <div class="form-group">											  											
													<label class="col-sm-2 control-label" for="protocolName">通讯协议：</label>
													<div class="col-sm-10 checkbox-inline">
														{{inter.protocolName}}
													</div>
								  			</div>
								  			<div class="form-group">
											  	<label class="col-sm-2 control-label" for="securitys">安全机制：</label>
													<div class="col-sm-10 checkbox-inline">
														{{inter.securitys}}
													</div>
								  			</div>
								  		</form>
								  		</div>
									 	</div>
								  </div>
								</div>
								<div class="clearfix">
									<div class="separator">接口部署信息</div>
									<table id="example-dark" class="table table-striped">
										<thead>
											<tr>	
												<th></th>
												<th>IP地址</th>
												<th>端口号</th>	
												<th>访问地址</th>
												<th>实际部署地址</th>
												<th>类型</th>														
											</tr>
										</thead>
										<tbody>
											
											<tr ng-repeat="addr in interAddrs" ng-cloak class="ng-cloak">
												<td>{{$index+1}}</td>
												<td>{{addr.ip}}</td>
												<td>{{addr.ports}}</td>
												<td>{{addr.url}}</td>
												<td>{{addr.deploy}}</td>
												<td>													
													<span ng-switch on="addr.type">
															<span ng-switch-when="0">入口服务器</span>
															<span ng-switch-when="1">实际服务器</span>
														</span></td>
											</tr>
										</tbody>
									</table>
								</div>
								
								<div class="separator"></div>
								&nbsp;&nbsp;<button type="button" class="btn btn-warning cancel" ng-click="cancle()">返回</button>								
							</div>
						</div>
						<!-- /BOX -->
					</div>
				</div>
				<!-- /EXPORT TABLES -->
				<div class="footer-tools">
					<span class="go-top">
						<i class="fa fa-chevron-up"></i> Top
					</span>
				</div>
			</div><!-- /CONTENT-->
		</div>
	</div>  
	<script src="js/jquery/jquery-2.0.3.min.js"></script>
	<!-- JQUERY UI-->
	<script src="js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
	<!-- BOOTSTRAP -->
	<script src="bootstrap-dist/js/bootstrap.min.js"></script>
	<script src="js/jquery-validate/jquery.validate.min.js"></script>
	<script src="js/jquery-validate/myvalidate.js"></script>
	<!-- SLIMSCROLL -->
	<script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script><script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
	<!-- BLOCK UI -->
	<script type="text/javascript" src="js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
	<!-- COOKIE -->
	<script type="text/javascript" src="js/jQuery-Cookie/jquery.cookie.min.js"></script> 
	<!-- TYPEHEAD -->
	<script type="text/javascript" src="js/typeahead/typeahead.min.js"></script>
	<!-- AUTOSIZE -->
	<script type="text/javascript" src="js/autosize/jquery.autosize.min.js"></script>
	<!-- SELECT2 -->
	<script type="text/javascript" src="js/select2/select2.min.js"></script>
	<!-- UNIFORM -->
	<script type="text/javascript" src="js/uniform/jquery.uniform.min.js"></script>
	<!-- CUSTOM SCRIPT -->
	<script src="js/script.js"></script>
	<script>
		jQuery(document).ready(function() {
		   	App.init();
		});
	</script>
	<script src="js/angular.min.js"></script>
	<script src="js/modules/manage/query/interDetails.js"></script>
</body>
</html>